$(function() {
    $(".sc").on("change",function() {

        var srcs = getObjectURL(this.files[0]);   //获取路径
        $(this).nextAll(".img1").hide();   //this指的是input
        $(this).nextAll(".img2").show();  //fireBUg查看第二次换图片不起做用
        $(this).nextAll('.close').show();   //this指的是input
        $(this).nextAll(".img2").attr("src",srcs);    //this指的是input
        $(this).val('');    //必须制空
        $(".close").on("click",function() {
            $(this).hide();     //this指的是span
            $(this).nextAll(".img2").hide();
            $(this).nextAll(".img1").show();
        })
    })
})




function getObjectURL(file) {
    var url = null;
    if (window.createObjectURL != undefined) {
        url = window.createObjectURL(file)
    } else if (window.URL != undefined) {
        url = window.URL.createObjectURL(file)
    } else if (window.webkitURL != undefined) {
        url = window.webkitURL.createObjectURL(file)
    }
    return url
};





$(function() {
    $("#img").on("change",".filepath1",function() {
        var srcs = getObjectURL(this.files[0]);   //获取路径
        alert(srcs);
        //this指的是input
        /* $(this).nextAll(".img22").attr("src",srcs);    //this指的是input
         $(this).nextAll(".img22").show();  //fireBUg查看第二次换图片不起做用*/
        var htmlImg='<div class="imgbox1">'+
            '<div class="imgnum1">'+
            '<input type="file" class="filepath1" />'+
            '<span class="close1">X</span>'+
            '<img src="btn.png" class="img11" />'+
            '<img src="'+srcs+'" class="img22" />'+
            '</div>'+
            '</div>';

        $(this).parent().parent().before(htmlImg);
        $(this).val('');    //必须制空
        $(this).parent().parent().prev().find(".img11").hide();   //this指的是input
        $(this).parent().parent().prev().find('.close1').show();


    })

    $('.star').click(function(){
      var aa=$(this).index('.star')
        if (aa==0){
            $(".star").removeClass('star1')
            $(".star").eq(0).addClass('star1')
        }
        else if(aa==1){
            $(".star").removeClass('star1')
            $(".star").eq(1).addClass('star1')
            $(".star").eq(0).addClass('star1')
        }
        else if(aa==2){
            $(".star").removeClass('star1')
            $(".star").eq(2).addClass('star1')
            $(".star").eq(0).addClass('star1')
            $(".star").eq(1).addClass('star1')
        }
        else if(aa==3){
            $(".star").removeClass('star1')
            $(".star").eq(3).addClass('star1')
            $(".star").eq(0).addClass('star1')
            $(".star").eq(1).addClass('star1')
            $(".star").eq(2).addClass('star1')
        }
        else if(aa==4){
            $(".star").removeClass('star1')
            $(".star").addClass('star1')
        }
    })

})